import React from 'react';
import FlowBase from 'views/model/flowBase';
import FlowTotal from 'views/model/flowTotal';
import FlowAveTrend from 'views/model/flowAveTrend';
import FlowAveNumber from 'views/model/flowAveNumber';
import FlowHoliday from 'views/model/flowHoliday';
import FlowWeather from 'views/model/flowWeather';
import FlowPassageway from 'views/model/flowPassageway';
import './flowSummary.scss';

const FlowSummary = React.createClass({
    render() {
        let shopId = this.props.params.shopId;
        let areaId = this.props.params.areaId;
        return (
            <div id="flowSummary">
                <FlowBase shopId={shopId} />
                <FlowTotal shopId={shopId} flowDataType={1} AreaId={areaId} AreaTypeId={7}/>
                <FlowAveTrend shopId={shopId} flowDataType={1} AreaId={areaId} AreaTypeId={7}/>
                <FlowAveNumber shopId={shopId} flowDataType={1} AreaId={areaId} AreaTypeId={7}/>
                <FlowHoliday shopId={shopId} flowDataType={1} AreaId={areaId} AreaTypeId={7}/>
                <FlowWeather shopId={shopId} flowDataType={1} AreaId={areaId} AreaTypeId={7}/>
            </div>
        );
    }
})

module.exports = FlowSummary;